<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>人员状态</title>
	<link href="https://cdn.jsdelivr.net/npm/feidao-css/feidao.css" type="text/css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../css/iconfont-web.css">
	<link rel="stylesheet" type="text/css" href="../css/daokes-web.css">
</head>

<body>
	<div class="pos-r ht100-per w100-per">
		<!-- 左侧菜单 start -->
		<div class="pos-a pos-t0 pos-l0 pos-b0 bg-e" style="width:160px;">
			放置左侧菜单
		</div>
		<!-- 左侧菜单 end -->
		<!-- 右侧 start -->
		<div style="padding-left:160px;">
			<!-- 右侧顶部 start -->
			<div class="bg-c" style="height: 50px;">顶部</div>
			<!-- 右侧顶部 end -->
			<!-- content start -->
			<div class="p20">
				<div class="pos-r">
					<div class="radius-4" style="padding:10px;margin-bottom:10px ">
						<div class="border-1 radius-4 display-ib">
							<div style="padding:0 20px;background: #f7faff;height: 60px;line-height: 60px;">
								<span><i class="iconfont icon-login color-theme font20"></i>有任务人员</span>
								<span class="display-ib text-r" style="width:200px;">总人数：</span><span>50</span>
							</div>
							<!-- 工票状态 start -->
							<div style="margin:10px 0">
								<div class="display-ib text-c" style="width:100px;"><input type="checkbox" name="" id="">js开发</div>
								<div class="display-ib text-c" style="width:100px;"><input type="checkbox" name="" id="">运维</div>
								<div class="display-ib text-c" style="width:100px;"><input type="checkbox" name="" id="">C#开发</div>
								<div class="display-ib text-c" style="width:130px;"><input type="checkbox" name="" id="">python开发</div>
								<div class="display-ib text-c" style="width:130px;"><input type="checkbox" name="" id="">xmarian开发</div>
								<div class="display-ib text-c" style="width:130px;"><input type="checkbox" name="" id="">WPF开发</div>
							</div>
							<!-- 工票状态 end -->
							<!-- 表格 start -->
							<div style="margin-top: 10px;padding: 10px" class="pos-r overflow-h">
								<!--表头 start -->
								<div>
									<div class="border-t-1 border-l-1 border-b-1 font12 display-ib" style="background:#f7faff;">
										<span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:120px;">工号
										</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:120px;">员工姓名
										</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:120px;">部门名称
										</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:120px;">工序名称
										</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:120px;">工票名称
										</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:120px;">工作状态
										</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:120px;">进展状态
										</span>
									</div>
								</div>
								<!--表头 end-->
								<!-- 表体 start -->
								<div data-feidao-presentation="P02" class=" font12 t_body display-ib overflow-y-a">
									<div class="tableRow border-l-1">
										<span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30" style="width:120px;">工号
										</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:120px;"
										 title="">李松林
										</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:120px;"
										 title="">ce开发工程
										</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:120px;"
										 title="">培训中
										</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:120px;"
										 title="">培训中
										</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:120px;"
										 title="">培训中
										</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:120px;"
										 title=""><i class="iconfont icon-chenggong color-theme">正常</i>
										</span>
									</div>
									<div class="tableRow border-l-1">
										<span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30" style="width:120px;">工号
										</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:120px;"
										 title="">李松林
										</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:120px;"
										 title="">ce开发工程
										</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:120px;"
										 title="">培训中
										</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:120px;"
										 title="">培训中
										</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:120px;"
										 title="">培训中
										</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:120px;"
										 title=""><i class="iconfont icon-zhixingyichang color-red">异常</i>
										</span>
									</div>
								</div>
								<!-- 表体 end -->
							</div>
							<!-- 表格 end -->
						</div>
						<div class="radius-4 display-ib vertical-a-t" style="margin-left:20px">
							<!-- 无任务人员 start -->
							<div class="border-1 radius-4" style="margin-bottom:10px">
								<div style="padding:0 20px;background: #f7faff;height: 40px;line-height: 40px;">
									<span><i class="iconfont icon-login font20 color-theme"></i>无任务人员</span>
									<span class="display-ib text-r" style="width:200px;">总人数：</span><span>50</span>
								</div>
								<!-- 表格 start -->
								<div style="margin-top: 10px;padding: 10px" class="pos-r overflow-h">
									<!--表头 start -->
									<div>
										<div class="border-t-1 border-l-1 border-b-1 font12  display-ib" style="background:#f7faff;">
											<span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:200px;">员工编号
											</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:200px;">员工姓名
											</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:200px;">部门名称
											</span>
										</div>
									</div>
									<!--表头 end-->
									<!-- 表体 start -->
									<div data-feidao-presentation="P02" class=" font12 t_body display-ib overflow-y-a">
										<div class="tableRow border-l-1">
											<span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30" style="width:200px;">2018071012
											</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:200px;"
											 title="">李松林
											</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:200px;"
											 title="">ce开发工程
											</span>
										</div>

									</div>
									<!-- 表体 end -->
								</div>
								<!-- 表格 end -->
							</div>
							<!-- 无任务人员 end-->
							<!-- 缺岗人员 start -->
							<div class="border-1 radius-4">
								<div style="padding:0 20px;background: #f7faff;height: 40px;line-height: 40px;">
									<span><i class="iconfont icon-login font20 color-theme"></i>缺岗人员</span>
									<span class="display-ib text-r" style="width:200px;">总人数：</span><span>50</span>
								</div>
								<!-- 表格 start -->
								<div style="margin-top: 10px;padding: 10px" class="pos-r overflow-h">
									<!--表头 start -->
									<div>
										<div class="border-t-1 border-l-1 border-b-1 font12  display-ib" style="background:#f7faff;">
											<span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:200px;">员工编号
											</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:200px;">员工姓名
											</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:200px;">部门名称
											</span>
										</div>
									</div>
									<!--表头 end-->
									<!-- 表体 start -->
									<div data-feidao-presentation="P02" class=" font12 t_body display-ib overflow-y-a">
										<div class="tableRow border-l-1">
											<span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30" style="width:200px;">2018071012
											</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:200px;"
											 title="">李松林
											</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:200px;"
											 title="">ce开发工程
											</span>
										</div>

									</div>
									<!-- 表体 end -->
								</div>
								<!-- 表格 end -->
							</div>
							<!-- 缺岗人员 end -->
						</div>
					</div>
				</div>
			</div>
			<!-- content end -->
		</div>
		<!-- 右侧 end -->
	</div>

</body>

</html>